<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>绿地养护</title>
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
		<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
		<link rel="stylesheet" type="text/css" href="../../css/api.css" />
		<link rel="stylesheet" type="text/css" href="../../css/globle.css" />
		<link rel="stylesheet" type="text/css" href="../../css/bootstrap.min.css"/>
		<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
		<link rel="stylesheet" type="text/css" href="../../css/common.css" />
		<style>
			body {
				
			}
			span {
				margin: 10px;
			}
			.Tabl {
				height: 20px;
				width: 88%;
				font-size: 14px;
				font-weight: bold;
				text-align: left;
				margin-left: 6%;
			}
			.Td1 {
				color: #B8B8B8;
				width: 70px;
			}
			.Td2 {
				color: #000000;
				text-align: left;
				width: 80px;
			}
			.Hr {
				height: 1px;
				width: 96%;
				background-color: #faf7f7;
				margin-left: 2%;
			}
			.Butt {
				border: 1px solid #B8B8B8;
				border-radius: 20px;
				color: #FFFFFF;
				height: 17px;
				width: 17px;
				outline: none;
			}
			.TabImg {
				height: 150px;
				width: 96%;
				margin-left: 2%;
				border: 10px solid #D8D8D8;
			}
			.TdImg1 {
				height: 110px;
				width: 90px;
			}
			.TdImg2 {
				height: 110px;
				width: 90px;
			}
			.ButAdd {
				height: 110px;
				width: 100px;
				font-size: 100px;
				color: #FFFFFF;
				background-color: #B8B8B8;
			}
			.TabL {
				height: 75px;
				width: 88%;
				font-size: 16px;
				font-weight: bold;
				text-align: left;
				margin-left: 6%;
			}
			.ButL {
				height: 40px;
				width: 100%;
				background-color: #D0D0D0;
				position: fixed;
				bottom: 0;
			}
			.Td3 {
				text-align: center;
				width: 50%;
			}
			select {
				appearance: none;
				-moz-appearance: none;
				-webkit-appearance: none;
				border: none;
				background: none;
			}
		</style>
	</head>
	<body>
	<button style="background-color: #F2F2F2;height: 40px;width: 100%;font-size: 18px;">基本信息</button>
		<input type="hidden" id="id" name="id"/>
		
		<table class="Tabl" style="margin-top: 20px">
			<tr>
				<td class="Td1">所属标段</td>
				<td class="Td2">
				<input type="text" readonly="readonly" id="ssbd" value=""/>
				</td>
			</tr>
		</table>
		<hr class="Hr"/>
		<table class="Tabl">
			<tr>
				<td class="Td1">病虫类型</td>
				<td class="Td2" id="lx"  style="font-size: 15px"></td>
				<td class="Td1">树种类型</td>
				<td class="Td2" id="sz" style="font-size: 15px"></td>
			
			
			
			<!--	<td class="Td2" style="width: 50%">类型 <input type="text" readonly id="lx" value=""/></td>
				<td class="Td2" style="width: 50%">
				树种<input type="text"readonly id="sz" value=""/>
				</td>-->
				
			</tr>
		</table>
		<!--<hr class="Hr"/>
		<table class="Tabl">
			<tr>
				<td class="Td1">树种</td>
				<td class="Td2">
				<input type="text"readonly id="sz" value=""/>
				</td>
			</tr>
		</table>-->
		
		<hr class="Hr"/>
		<table class="Tabl">
			<tr>
			
				<td class="Td1">诱捕器</td>
				<td class="Td2" id="ybq"  style="font-size: 15px"></td>
				<td class="Td1">黑光灯</td>
				<td class="Td2" id="hgd" style="font-size: 15px"></td>
			
			
			
			</tr>
		</table>
		<hr class="Hr"/>
	<!--	<table class="Tabl">
			<tr>
				<td class="Td1">黑光灯</td>
				<td class="Td2">
				<input type="text"readonly id="hgd" value=""/>
				</td>
			</tr>
		</table>
		<hr class="Hr"/>-->
		<table class="Tabl">
			<tr>
			
			
				<td class="Td1">负责人员</td>
				<td class="Td2" id="fzr"  style="font-size: 15px"></td>
				<td class="Td1">联系电话</td>
				<td class="Td2" id="dh" style="font-size: 15px"></td>
			
			<!--
				<td class="Td1">负责人</td>
				<td class="Td2">
				<input type="text"readonly id="fzr" value=""/>
				</td>-->
			</tr>
		</table>
		<hr class="Hr"/>
		<table class="Tabl">
			<tr>
				<td class="Td1">监测位置</td>
				<td class="Td2">
				<input type="text"readonly id="jcdwz" value=""/>
				</td>
			</tr>
		</table>
		<!--<hr class="Hr"/>
		<table class="Tabl">
			<tr>
				<td class="Td1">电话</td>
				<td class="Td2">
				<input type="text"readonly id="dh" value=""/>
				</td>
			</tr>
		</table>-->
		<hr class="Hr"/>
		<table class="Tabl">
			<tr>
				<td class="Td1">负责单位</td>
				<td class="Td2">
				<input type="text"readonly id="fzdw" value=""/>
				</td>
			</tr>
		</table>
		<hr class="Hr"/>
			<table class="Tabl">
			<tr>
				<td class="Td1">详细位置</td>
				<td class="Td2">
				<input type="text"readonly id="xxwz" value=""/>
				</td>
			</tr>
		</table>
		<hr class="Hr"/>
		<table class="Tabl">
			<tr>
				<td class="Td1">地图坐标</td>
				<td class="Td2">
				<input type="text"readonly id="dtzb" value=""/>
				</td>
			</tr>
		</table>
			
			<button style="background-color: #F2F2F2;height: 40px;width: 100%;font-size: 18px;margin-bottom: 20px;margin-top: 10px">现场照片</button>
		<table class="Tabl">
			<tr>
			
				<td class="Td2">
					<img style="width: 100px;height: 100px" id="image" >
				</td>
			</tr>
		</table>
			<hr class="Hr"/>
		<table class="Tabl">
			<tr>
				
				<td class="Td2">
				
				</td>
			</tr>
		</table>
	</body>
	<script src="../../script/webuploader.min.js"></script>
	<script src="../../script/diyUpload.js"></script>
	<script type="text/javascript" src="../../script/common.js"></script>
	<script type="text/javascript" src="../../script/api.js"></script>
	<script type="text/javascript">
	
			
		var map;
		
		apiready = function() {
		var result = api.pageParam.result;
		var maploat=result.mapcoordinates;
//		var loat=maploat.split(",");
//			map = api.require('bMap');
//			map.open({ 
//				rect : {
//					x : 0,
//					y : 0,
//					w : 'auto',
//					h : 250
//				},
//				center : {
//					lon : loat[0],
//					lat : loat[1]
//				},
//				zoomLevel : 10,
//				showUserLocation : true,
//				fixedOn : api.frameName,
//				fixed : true
//			}, function(ret) {
//				if (ret.status) {
//				}
//			});
//			var map = api.require('bMap');
//			map.addEventListener({
//				name : 'click'
//			}, function(ret) {
//				if (ret.status) {
//				
//				}
//			});

			$("#ssbd").val(result.areaname);
			$("#lx").text(result.type);
			$("#sz").text(result.treespeciesname);
			$("#ybq").text(result.trap);
			$("#hgd").text(result.blacklight);
			$("#fzr").text(result.people);
			$("#dh").text(result.phone);
			$("#fzdw").val(result.responsibleunit);
			$("#xxwz").val(result.address);
			$("#jcdwz").val(result.locationpoints);
			$("#dtzb").val(result.mapcoordinates);
			 $('#image').attr('src', result.photo); //图片链接（base64）
		}
		
	</script>
</html>
